<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<div class="modal fade" id="modalcq" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document" style="width:1100px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
        <div class="echartscq" id="echartcq4" style="width:1000px;height:440px;">
        <div class="bs-callout bs-callout-info"> 
        	<div>
        		<h4>汇总</h4>
        	</div>
        	<p>① 系统将院内各临床专业分为四个类别，当前<span id="label1" class="text-info"></span>中包含<span id="label2" class="text-info"></span>个临床专业</p>
        	<p>③ <span id="label1" class="text-info"></span>中临床专业：<span id="label3" class="text-info"></span></p>
        	<p>② <span id="label1" class="text-info"></span>特征：<span id="label4" class="text-info"></span></p>
        	<p>④ 主要建议：<span id="label5" class="text-info"></span></p>
        </div>
        	<div>
        		<div class="col-xs-6">
        			<ul class="nav nav-tabs tabconulcq" role="tablist">
	                	<li role="presentation" class="quotasTab active">
	                        <a href="#cap_chart" role="tab" data-toggle="tab">产能</a>
	                    </li>
	                    <li role="presentation" class="quotasTab">
	                        <a href="#eff_chart" role="tab" data-toggle="tab">效率</a>
	                    </li>
	                    <li role="presentation" class="quotasTab">
	                        <a href="#quo_chart" role="tab" data-toggle="tab">安全</a>
	                    </li>
	                </ul>
	                 <div class="clearfix"></div>
                    <div class="tab-content">
	                   <div role="tabpanel" class="tab-pane active" id="cap_chart">
	                        <div class="echartscq" style="height:320px;"></div>
	                    </div>
	                    <div role="tabpanel" class="tab-pane" id="eff_chart">
	                        <div class="echartscq" style="height:320px;width:470px;"></div>
	                    </div>
	                    <div role="tabpanel" class="tab-pane" id="quo_chart">
	                        <div class="echartscq" style="height:320px;width:470px;"></div>
	                    </div>
	                </div>
        		</div>
        		<div class="col-xs-6">
        			<table id="specQuotaTable" calss="table table-striped" cellspacing="0" width="100%" role="grid" aria-describedby="example_info">
        				<caption class="contaotalsccq" style="font-size:14px;"><span id="spTypeDesc"></span></caption>
        			</table>
        		</div>
        	</div>
        </div>
        <!-- 写模态框js的时候，需要把宽度固定，否则echarts显示不出来 CQ -->
      </div>
      <div class="modal-footer">
        <!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> -->
      </div>
    </div>
  </div>
</div>